.setting_box {
  width: 300rpx;
  padding: 40rpx 0;

  .topFirst {
    flex-direction: row;

    .setting-title {
      width: 90%;
      font-size: 36rpx;
      font-weight: 700;
      height: 100rpx;
      line-height: 100rpx;
      color: #fff;
      text-align: center;
    }

    .close {
      margin-right: 10rpx;
      width: 68rpx;
      height: 68rpx;
      margin-top: 20rpx;
    }
  }

  .box {
    width: 480rpx;
    height: 230rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
    margin-top: 100rpx;
    margin-left: 20rpx;
  }

  .row {
    display: flex;
    flex-direction: row;
    padding: 0 20rpx;
    align-items: center;
    justify-content: center;
  }

  .name {
    width: 160rpx;
  }

  .at-switch {
    background: none;

  }

  .at-switch__container {
    background: none;
  }

  .at-modal__action {
    flex-direction: row;
  }

  .at-modal__content {
    padding: 0;
  }

  .at-modal__container {
    // width: 300rpx;
    // padding: 20rpx 0;

    background: linear-gradient(180deg, #9CCCF3 0%, #788ED2 100%);
    border-radius: 30rpx;
    width: 520rpx;
    height: 390rpx;
  }
}
